//X掉二维码
$('.fix2').click(function(){
	$(this).hide();
	$('.fix1').hide();
})

//固定二维码的隐藏
$('.fix3').mouseenter(function(){
	$('.fix3').css('background','#1a1a1a')
	$('.wfix2').show();
	$('.wfix3').show();
	$('.wfix4').show();
})
$('.fix3').mouseleave(function(){
	$('.fix3').css('background','#808080')
	$('.wfix2').hide();
	$('.wfix3').hide();
	$('.wfix4').hide();
})
//二维码窗口滚动显示
$(window).scroll(function(){
	if($(window).scrollTop()>0){
		$('.fix3').fadeIn();
		$('.fix4').fadeIn();
	}else{
		$('.fix3').fadeOut();
		$('.fix4').fadeOut();
	}
	
})
$('.fix4').mouseenter(function(){
	$('.fix4').css('background','#1a1a1a')
})
$('.fix4').mouseleave(function(){
	$('.fix4').css('background','#808080')
})
$('.fix4').click(function(){
	$('html,body').animate({'scrollTop':'0px'}, 1000)
})
//头左下拉框
$('.head1').mouseenter(function(){
	$('.table1').show();
})

$('.head1').mouseleave(function(){
	$('.table1').hide();
})

//左下拉框变字
$('.table1 u').mouseenter(function(){
	$(this).hide().siblings().show();
})
$('.table1 i').mouseleave(function(){
	$(this).hide().siblings().show();
})

//头右边下拉框
$('.head2>li').mouseenter(function() {
	var a=$(this).index()
	if(a==0||a==1||a==2||a==6){
		$(this).css('background','#eaeceb');
	}
	if(a==2){
		$(this).children().eq(1).fadeIn();
	}
	$(this).children().eq(1).show();
});

//头右边下拉框
$('.head2>li').mouseleave(function() {
	var a=$(this).index()
	if(a==0||a==1||a==2||a==6){
		$(this).css('background','#f4f4f4');
	}
	$(this).children().eq(1).hide();
});

//菜单栏字体与背景
$('.menu li').click(function(){
	$(this).addClass('centent').siblings().removeClass('centent');
})

//购物车
$('.right u').mouseenter(function(){
	$('.shopcar').show();
})
$('.right u').mouseleave(function(){
	$('.shopcar').hide();
})

//搜索框下小文字变色
$('.right>span').mouseenter(function(){
	$(this).css('color','#d71d32');
})
$('.right>span').mouseleave(function(){
	$(this).css('color','#b0b0b0');
})

// //导航栏隐藏显示
var a;
var b;
var c;
var d;
$('.nav2>li').mouseenter(function(){
	if($(this).index()==2){
		a=setTimeout(function(){
			$('.nav2>li').eq(2).children('.nhide').stop().show();
		},500)
		
	}else if($(this).index()==3){
		b=setTimeout(function(){
			$('.nav2>li').eq(3).children('.nhide').stop().show();
		},500)
	}else if($(this).index()==4){
		c=setTimeout(function(){
			$('.nav2>li').eq(4).children('.nhide').stop().show();
		},500)
	}else if($(this).index()==5){
		d=setTimeout(function(){
			$('.nav2>li').eq(5).children('.nhide').stop().show();
		},500)
	}
})
$('.nav2>li').mouseleave(function(){
	clearTimeout(a);
	clearTimeout(b);
	clearTimeout(c);
	clearTimeout(d);
	$('.nhide').hide();
})


//大轮播图
var t=0;
setInterval(function(){
	t++;
	if(t==8) t=0;
		$('.turn1').css('left',-1150*t+'px');
		$('.little li').eq(t).children().css('opacity','1')
		$('.little li').eq(t).siblings().children().css('opacity','0.7');//当前大图轮播对应的小图
},3000)

//轮播图的左右点击按钮
$('.turn>.left').click(function(){
	t=t-1;
	if(t<0) t=7;
	$('.turn1').css('left',-1150*t+'px');
})
$('.turn>.right').click(function(){
	t=t+1;
	console.log(t);
	if(t>7) t=0;
	$('.turn1').css('left',-1150*t+'px');
})

//鼠标放到小图片上增加透明度且改变当前轮播
$('.little img').mouseenter(function(){
	$('.turn1').css('left',-1150*$(this).parent().index()+'px');
	$(this).css('opacity','1');
	$(this).parent().siblings().children().css('opacity','0.7');
	t=$(this).parent().index();
	
})

//第二个轮播图
var n=0
setInterval(function(){
	n++;
	if(n==3){
		$('.turn2 ul').css('left','0px');
		n=1;
	} 
	$('.turn2 ul').animate({'left':-1150*n+'px'},500);

},3000)

//点击左右按钮改变轮播图
$('.turn2>.left').click(function(){
	n=n-1;
	if(n<0) n=2;
	$('.turn2 ul').css('left',-1150*n+'px');
})
$('.turn2>.right').click(function(){
	n=n+1;
	if(n>2) n=1;
	$('.turn2 ul').css('left',-1150*n+'px');
})

//鼠标移到轮播图上显示左右按钮，移除则隐藏
$('.turn2').mouseenter(function(){
	$('.turn2>.left').show();
	$('.turn2>.right').show();
})
$('.turn2').mouseleave(function(){
	$('.turn2>.left').hide();
	$('.turn2>.right').hide();
})


//鼠标放上图片上改变透明度
//1.各种图片改变透明度
$('.section1 li').mouseenter(function(){
	$(this).css('opacity','0.7');
})
$('.section1 li').mouseleave(function(){
	$(this).css('opacity','');
})
$('.section2 li').mouseenter(function(){
	$(this).css('opacity','0.7');
})
$('.section2 li').mouseleave(function(){
	$(this).css('opacity','');
})
$('.section3 li').mouseenter(function(){
	if($(this).index()==0||$(this).index()==5) return;
	$(this).css('opacity','0.7');
})
$('.section3 li').mouseleave(function(){
	$(this).css('opacity','');
})

$('.asec3 img').mouseenter(function(){
	$(this).css('opacity','0.7');
})
$('.asec3 img').mouseleave(function(){
	$(this).css('opacity','');
})

//2.小轮播图上的左右按钮
$('.turn2 .left').mouseenter(function(){
	$(this).css('background','rgba(255,255,255,0.9)');
})
$('.turn2 .left').mouseleave(function(){
	$(this).css('background','rgba(255,255,255,0.5)');
})
$('.turn2 .right').mouseenter(function(){
	$(this).css('background','rgba(255,255,255,0.9)');
})
$('.turn2 .right').mouseleave(function(){
	$(this).css('background','rgba(255,255,255,0.5)');
})

//3.各种别的图片
$('.turn2 li').mouseenter(function(){
	$(this).css('opacity','0.7');
})
$('.turn2 li').mouseleave(function(){
	$(this).css('opacity','1');
})

//底部小字体滚动
var m=0;
setInterval(function(){
	m++;
	if(m==3){
		$('.btm ul').css('top','0px');
		m=1;
	}
	$('.btm ul').animate({'top':-30*m+'px'}, 500);
},3000)

//追加新品上架的图文
var list=[
	{
		src:"images/index.img/a1.jpg",span:'Converse 印花短袖T恤',u:'￥339.0'
	},
	{
		src:"images/index.img/a2.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a3.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a4.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a5.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a6.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a7.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a8.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a9.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a10.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a11.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a12.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a13.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a14.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a15.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a16.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a17.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a18.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a19.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a20.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a21.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a22.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a23.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a24.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a25.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a26.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a27.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a28.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a29.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a30.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a31.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a32.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a33.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a34.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a35.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a36.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a37.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a38.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a39.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a40.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a41.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a42.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a43.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a44.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a45.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a46.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a47.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a48.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a49.jpg",span:'',u:''
	},
	{
		src:"images/index.img/a50.jpg",span:'',u:''
	},

]

for(var i=1;i<=list.length;i++){
	var tag=$('.section7 li').eq(0).clone(true);
		tag.children('img').attr('src',list[i].src);
		tag.children('span').html(list[i].span);
		tag.children('u').html(list[i].u);
		$('.section7 ul').append(tag);
}